/* 
    Document   : style
    Created on : Dec 10, 2012, 1:34:00 PM
    Author     : User
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

root { 
    display: block;
}
.container {
    margin-right: auto;
    margin-left: auto;


}

.container:before,
.container:after {
    display: table;
    line-height: 0;
    content: "";
}

.container:after {
    clear: both;
}

.container-fluid {
    padding-right: 20px;
    padding-left: 20px;

}

.container-fluid:before,
.container-fluid:after {
    display: table;
    line-height: 0;
    content: "";
}

.container-fluid:after {
    clear: both;
}
.form-signin {
    max-width: 300px;
    padding: 19px 29px 29px;
    margin: 0 auto 20px;
    background-color: #f6eff1;
    border: 1px solid #e5e5e5;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.05);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.05);
    box-shadow: 0 1px 2px rgba(0,0,0,.05);
}
.form-signin .form-signin-heading,
.form-signin .checkbox {
    margin-bottom: 10px;
}
.form-signin input[type="text"],
.form-signin input[type="password"] {
    font-size: 16px;
    height: auto;
    margin-bottom: 15px;
    padding: 7px 9px;
}
.input-block-level {
    display: block;
    width: 100%;
    min-height: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.hidden {
    display: none;
    visibility: hidden;
}
.text-warning {
    color: #c09853;
}
p {
    margin: 0 0 10px;
}

a.text-warning:hover {
    color: #a47e3c;
}

.text-error {
    color: #b94a48;
}

a.text-error:hover {
    color: #953b39;
}

.text-info {
    color: #3a87ad;
}

a.text-info:hover {
    color: #2d6987;
}

.text-success {
    color: #468847;
}

a.text-success:hover {
    color: #356635;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 10px 0;
    font-family: inherit;
    font-weight: bold;
    line-height: 20px;
    color: inherit;

}

h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {
    font-weight: normal;
    line-height: 1;
    color: #999999;
}

h1,
h2,
h3 {
    line-height: 40px;
}

h1 {
    font-size: 38.5px;
}

h2 {
    font-size: 31.5px;
}

h3 {
    font-size: 24.5px;
}

h4 {
    font-size: 17.5px;
}

h5 {
    font-size: 14px;
}

h6 {
    font-size: 11.9px;
}

h1 small {
    font-size: 24.5px;
}

h2 small {
    font-size: 17.5px;
}

h3 small {
    font-size: 14px;
}

h4 small {
    font-size: 14px;
}
input[type="checkbox"],
input[type="radio"] {
    border: 1px solid #ccc;
}
input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
    width: 100%;
}
.btn {
    border-color: #c5c5c5;
    border-color: rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.25);
}
body {
    margin: 0;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 20px;
    color: #333333;
    background-color: #ffffff;
}
label,
input,
button,
select,
textarea {
    font-size: 14px;
    font-weight: normal;
    line-height: 20px;
}

input,
button,
select,
textarea {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
label {
    display: block;
    margin-bottom: 5px;
}
input[type="checkbox"],
input[type="radio"] {
    border: 1px solid #ccc;
}
.page-header h1 small {
    display: block;
    line-height: 20px;
}
.img-rounded {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}
[class*="span"] {
    float: left;
    min-height: 1px;
    margin-left: 20px;
}
.span12 {
    width: 940px;
}

.span11 {
    width: 860px;
}

.span10 {
    width: 780px;
}

.span9 {
    width: 700px;
}

.span8 {
    width: 620px;
}

.span7 {
    width: 540px;
}

.span6 {
    width: 460px;
}

.span5 {
    width: 380px;
}

.span4 {
    width: 300px;
}

.span3 {
    width: 220px;
}

.span2 {
    width: 140px;
}

.span1 {
    width: 60px;
}
table {
  max-width: 50%;
  background-color: transparent;
  border-collapse: collapse;
  border-spacing: 0;
}

.table {
  width: 100%;
  margin-bottom: 20px;
}

.table th,
.table td {
  padding: 8px;
  line-height: 20px;
  text-align: left;
  vertical-align: top;
  border-top: 1px solid #dddddd;
}

.table th {
  font-weight: bold;
}

.table thead th {
  vertical-align: bottom;
}
.table-bordered {
  border: 1px solid #dddddd;
  border-collapse: separate;
  *border-collapse: collapse;
  border-left: 0;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}

.table-bordered th,
.table-bordered td {
  border-left: 1px solid #dddddd;
}


table td[class*="span"],
table th[class*="span"],
.row-fluid table td[class*="span"],
.row-fluid table th[class*="span"] {
  display: table-cell;
  float: none;
  margin-left: 0;
}

.table td.span1,
.table th.span1 {
  float: none;
  width: 44px;
  margin-left: 0;
}

.table td.span2,
.table th.span2 {
  float: none;
  width: 124px;
  margin-left: 0;
}

.table td.span3,
.table th.span3 {
  float: none;
  width: 204px;
  margin-left: 0;
}

.table td.span4,
.table th.span4 {
  float: none;
  width: 284px;
  margin-left: 0;
}

.table td.span5,
.table th.span5 {
  float: none;
  width: 364px;
  margin-left: 0;
}

.table td.span6,
.table th.span6 {
  float: none;
  width: 444px;
  margin-left: 0;
}

.table td.span7,
.table th.span7 {
  float: none;
  width: 524px;
  margin-left: 0;
}

.table td.span8,
.table th.span8 {
  float: none;
  width: 604px;
  margin-left: 0;
}

.table td.span9,
.table th.span9 {
  float: none;
  width: 684px;
  margin-left: 0;
}

.table td.span10,
.table th.span10 {
  float: none;
  width: 764px;
  margin-left: 0;
}

.table td.span11,
.table th.span11 {
  float: none;
  width: 844px;
  margin-left: 0;
}

.table td.span12,
.table th.span12 {
  float: none;
  width: 924px;
  margin-left: 0;
}

#head{
position:relative;
}
#header{
margin-top:-8px;
}
#menu{
color:#FFFFFF;
position:relative;
top:-48px;
}

#menu table{
position:relative;
top:-40px;
}
#menu tr{
font-family:"Georgia", Times New Roman, Times, serif;
}
#menu td{
padding-left:30px;
padding-right:30px;
}
#search{

position:relative;
width:1024px;
background-color:#FFDDDD;
top:-80px;
}
#teks_img{
position:relative;
top:4px;
left:135px;
}
#teks_input{
position:relative;
top:-6px;
right:330px;
border:none;
}
#button_img{
position:relative;
right:305px;
top:4px;
}
#advanced{
position:relative;
width:300px;
top:-125px;
left:290px;
color:#999999;
}
#content{
position:relative;
top:-132px;
margin-bottom:-300px;
padding-top:50px;
width:1024px;
background:url(../images/bg.png);
background-repeat:repeat-y;
}
#latest{
position:relative;

}
#kiri{
position:relative;
}
#kanan{
position:relative;
margin-top:-420px;

}
#login{
position:relative;
width:330px;
height:200px;
background-color:#990000;
top:380px;
right:-320px;
font-size:12px;
color:#FFFFFF;
font-family:"Arial", Helvetica, sans-serif;
}

#footer{
position:relative;
background-color:#990000;
width:1024px;
height:80px;
top:110px;
}
#boxes{
position:relative;
left:-150px;
width:550px;
}
#latest_text{
position:relative;
left:-380px;
padding-bottom:20px;
font:"Arial", Helvetica, sans-serif;
color:#990000;
text-shadow:#000000;
font-style:italic;
font-size:18px;
font-weight:800;
}
#pic{
position:relative;
top:-157px;
left:-195px;
}
#title{
position:relative;
margin-top:-265px;
left:-30px;
color:#009900;
font-family:"Arial", Helvetica, sans-serif;
font-weight:900;
}
#previewcont{
position:inherit;
top:-20px;
width:350px;
height:50px;
left:60px;
font-size:11px;
font-family:"Arial", Helvetica, sans-serif;
}
#detail{
position:inherit;
font-size:9px;
top:-130px;
left:160px;
}
#famous{
position:relative;
width:330px;
height:300px;
background-color:#990000;
top:390px;
right:-320px;
font-size:12px;
color:#FFFFFF;
font-family:"Arial", Helvetica, sans-serif;
}